<template>
  <div class="home">
    <h1 class="aaa">{{ test }}</h1>
    <BB />
    <AA data="123213" aaa="123123"></AA>
  </div>
</template>

<script lang="ts" setup>
import { ref, defineEmits, defineProps } from 'vue'
import AA from './component/aa.component.vue'
import BB from './component/bb.component.vue'

const test = ref('test')

const props = defineProps({
  test: String
})

const emit = defineEmits(['in', 'on'])

emit('in', '传过去的值')

</script>

<style lang="less" scoped>
.aaa {
  font-size: 100px;
}
</style>
